.search-box{
    height: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    .search-main{
        width: 100%;
        height: 100%;
        .search-all{
            display: flex;
            align-items: center;
            img{
                width:35%;
                margin: 5px;
            }
            .search-reduce{
                p{
                    margin: 10px 0;
                }
                h4{
                    color: rgb(248, 92, 92);
                    span{
                        color: rgb(148, 2, 2);
                    }
                }
            }
        }
    }
    ul{
        list-style: none;
        width:100%;
        display: flex;
        flex-wrap: wrap;
        li{
            height: 25px;
            width: 30%;
            line-height: 25px;
            text-align: center;
            background-color: rgb(244, 242, 242);
            margin: 10px 0 0 12px;
            border-radius: 5px;
        }
    }
}

.hotsearch-box{
    margin: 40px 0 5px 0;
    .hotsearch-name{
        width: 70px;
        height: 25px;
        line-height: 25px;
        text-align: center;
        margin: 10px;
        background-color: rgb(243, 242, 242);
        border-radius: 5px;
    }
}